<template>
  <el-card class="box-card">
    <div slot="header" class="clearfix">
      <span>学术动向</span>

    </div>
    <div v-for="item in items" :key="item.id" class="text item">
      {{item.message}}<br/>
      {{item.time}}<hr/>
    </div>
  </el-card>
</template>

<script>

    export default {
        name: "Actr",
      data(){
          return{
            items:[{
              id:1,
              message:"习近平向全国广大教师致以节日的祝贺和诚挚的祝福",
              time:"2013-7-28"
            },
              {
                id:2,
                message:"我校召开2021年春季学期写上管理工作阶段总结大会",
                time:"2021-7-28"
              },
              {
                id:3,
                message:"实习课教室评价表",
                time:"2013-7-28"
              },
              {
                id:4,
                message:"加强法制教育 建设平安校园————我校举办法制教育讲座",
                time:"2013-7-28"
              }
            ]
          }
      }
    }
</script>

<style scoped>
  .text {
    font-size: 14px;
  }

  .item {
    margin-bottom: 10px;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }

  .box-card {
    width: 370px;
  }
</style>
